div#opaque
    {
		position:absolute;
		left:0;
		top: 0;
    	/* top:-50px;  */
		float:left;
		/* width of the gray shade when mouse is over the main menu*/
		width:100%;
		height:100%;
		_width:1280px;
		_height:1024px;
		background-color: #000000;
    	background-attachment: fixed;
		overflow: hidden;
		display: none;	
    	z-index: 99;	
		padding:0;
		margin:0;
    }
    
    ul#nav
       {
    	position: relative; 
		z-index: 101;				
    }
    
    /* Top nav level one */
    ul.level1
    {
    	list-style:none;
    	margin:0;    	
    	padding:0;
    	float:right;
		font-size:1em;
    }
/*Used to give the space between level1 menu -manish*/
    ul.level1 li
    {
    	float:left;
    	display:block;
    	padding-left:0.07em;
    	padding-right:0.07em;	
    }
    
    ul.level1 li#last
    {
    	padding-right:0;
    }
       
	   /*Increase or decrease the width and height of the first level of menu*/
    ul.level1 li div.TN_menu_option
    {
        width:5em;
		height:4.0em;	
        position:relative; 			

    }    
    
    ul.level1 li a
    {
    	position: absolute;
    	display:block;
    	width:100%;
    	height:100%;
    	text-align:left;
    	color:#000;
    	text-decoration:none;
        /*background-color:#909090;*/
		padding-bottom:0.13em;
    }
    
    ul.level1 li a:visited, 
    ul.level1 li a:active
    {
    	color:#000;
    	text-decoration:none;    	
    }
    /*Value of bottom is chaged so that the space between the text and the bottom can be made*/
    ul.level1 li a span.TN_option_label,
    ul.level1 li div.menu_panel div.corner_tab span.TN_option_label
    {
    	position:absolute;
    	bottom:5px;
    	left:0.37em;
        cursor:hand;
		/*font-size:0.7em;*/
		/*the three properties below have been added later to change the font of the main menu*/
		font-size: 9pt;
		font-family: verdana, arial;
		color:white;
    }
    
   /* can change the width of level1 menu (change both left and width)*/
	ul.level1 li div.TN_menu_option div.menu_panel    
    {    
    	position:absolute;
    	float:left;
    	left: -16em;
    	top:4.0em;		
    	width:21.0em;
    	height:11.5em;						
    	display:none;		
    }

    div.menu_panel p	
    {
        width:20em;
        height:4em;
        float:left;
        margin:0.30em;
        padding:0;
        color:#000;		
    }
    /* Height of the Block containing image in sub menu*/
	div.menu_panel div.flyout_image_option
	{		
		display:block;		
		border:solid 4px #f1f1f1;
		height:9.8em;
		width:6.4em !important;		
		*overflow:hidden;
		float:left;
		margin:0.8em 0em 0em 1.5em !important;
		*margin:0.8em 0em 0em 0.5em;
		background-color:#fff;	
	}
	/* Height of the image in sub menu*/
	div.menu_panel div.flyout_image_option p
	{	
		height:7.0em;
		width:8.5em;
		padding:0.2em;
		font-size:0.7em;		
	}
	
	div.menu_panel div.flyout_image_option img
	{
		padding:0;
		margin:0;		
	}
	
	div.menu_panel div.flyout_image_option a.bold_purple
	{
		position:relative;
		background-color:transparent;
		display:inline;		
		width:6em;
		font-weight:normal;
		color:#000;
		/*font-size:1.0em;*/
		font-size:11px;			
	}
	
	div.menu_panel div.flyout_image_option a.bold_purple:hover
	{
		text-decoration:underline;
	}
	div.menu_panel div.flyout_image_option p span
	{		
		position:relative;
		display:block;
	}

    ul.level1 li:hover div.TN_menu_option div.menu_panel, 
    ul.level1 li.sfhover div.TN_menu_option div.menu_panel
    {
    	display: block;
    	visibility: visible;
    	z-index: 100;
    	background-color: #fff;   
    	border:1px solid #ccc;
    }
    
	/* This will extend the currently focused tab without javascript, however, since ie6.0 
	     doesn't resond to li:hover, the tab will contract on the transistion between tabs until the next href is hovered.
	*/
	ul.level1 li.selected a.maintab_href,
	ul.level1 li:hover a.maintab_href,
	a.cornertab_href:hover
	{
		height: 7em;		
	}
	
    /* Necessary becuase the colour of the tab needs to be kept 
       when the pointer goes off into the menu panel...
    */   
  
    ul.level1 li div.menu_panel div.corner_tab
    {
    	position:absolute;
    	right: 0;
    	width:5em;
    	height:7em;
    	top:-5.1em;
    	color:#fff;    	 	
    	margin: 0;
    	border-left:solid 1px #ccc;
    	border-right:solid 1px #ccc;  
    	border-bottom:solid 1px #ccc;

    }
	
    ul.level1 li.selected a span.TN_option_label
    {	
    	color:#fff;
    	display:block;	
    }

	div.menu_panel div.corner_tab,
	div.menu_panel div.corner_tab a span
	{
		color:#fff;
	}
    
    /* Specific tab properties */
	ul.level1 li.selected a#menu_item1,	
	div.menu_panel#item1 div.corner_tab a
	{
    	background-color:#00528E;
	}   
    
	ul.level1 li.selected a#menu_item2,
	div.menu_panel#item2 div.corner_tab a
	{
    	background-color:#666600;
	}
	
  
	ul.level1 li.selected a#menu_item3,
	div.menu_panel#item3 div.corner_tab a
    {
    	background-color:#666600;
    }

	ul.level1 li.selected a#menu_item4,
	div.menu_panel#item4 div.corner_tab a
    {
    	background-color:#990000;
    }

    ul.level1 li.selected a#menu_item5,
	div.menu_panel#item5 div.corner_tab a
    {
    	background-color:#F9097B;
    }

	ul.level1 li.selected a#menu_item6,
    div.menu_panel#item6 div.corner_tab a
        {
    	background-color:#37B3D7;
    }
   
    /* Level two flyouts */
/*Gray line between image and text*/
  ul.level2
  {
	border-left:1px #6a6b65 dashed;		
	height:86%;
	vertical-align:top;
  }
	
  ul.level2,
  ul.level2_col2 
    {
    	list-style:none;
		margin:0;
		padding:0;
    	float:left;		
		width:45%;		
		max-height:10.5em;    		
		margin:0.8em 0 0 0.5em;		
		padding:0 0 0 0.5em;	
    }
    
	ul.level2_col2 
	{
		border-left:solid 1px #DDDCDD;		
		margin:1.5em 0 0 0;		
		height:inherit !important;		
	}
	
	
    ul.level2 li,
    ul.level2_col2 li	
    {
	width:100%;		
	margin:0;
	padding:0;
	position:relative;
	font-size:0.8em;
  }    
    
    ul.level2 li a,	
    ul.level2_col2 li a
    {
    	background-color:transparent;				
		position:relative;
		margin:0.3em 0 0 0;
    }
    
	/* Society and Environment flyout (report search widget) 
		
	    See forms.css for rest of css
	*/
	div.menu_panel#item4 ul.level2,
	div.menu_panel#item4 ul.level2_col2
	{
		height:85% !important;		
	}
	
	div.menu_panel div#societyhub_search  a#SearchPanel_societyhub_search_button
	{
		width:1.5em;	
		margin:0.5em 0 0 2em;
	}
	
	div.menu_panel div#societyhub_search  a
	{
		display:inline;
		width:8em;
		height:1em;
		background-color:#DDDCDD;
		font-size:0.8em;
	}

	div.menu_panel div#societyhub_search  a:hover
	{
		text-decoration:underline;
	}
	
	
	/* 
	See forms.css for rest of css
	
	END Society and Environment flyout (report search widget) */
	
    ul.level2 li a:hover,
    ul.level2_col2 li a:hover	
       {
    	text-decoration:underline;
    }

	/* Breadcrumbs */
	div.breadcrumbs#breadcrumbNav
	{
		font-size:1em;
	}
	div.breadcrumbs#breadcrumbNav,
	div.breadcrumbs#breadcrumbNav a,
	div.breadcrumbs#breadcrumbNav a.visited
	{
		color:#666;		
	}
	
	div.breadcrumbs#breadcrumbNav a,
	div.breadcrumbs#breadcrumbNav a.visited
	{
		text-decoration:underline;
	}
	
        div.breadcrumbs_hub
	{
	   font-size:0.8em;
	}
	
	/* Left hand navigation 	 */


    div#left_column li.parentnavlink
	{
	   background-color:#999;
	   font-weight:bold;
	   list-style-type:none;
	   padding:0.2em;
	   border-bottom:2px solid #fff;
	}
	
        div#left_column ul li.parentnavlink a
	{
	   color:white;
           padding-left:0.2em;
	}

	div#left_column ul li a
	{
		text-decoration:none;
		color:#000;
	}

        div#left_column ul li ul li a:hover
	{
		text-decoration:underline;
	}

        /*
         div#left_column a
	{
	   color:white;
	   text-decoration:none;
	}*/

	div#left_column ul,
	div#left_column ul li.active ul
	{

    	margin:0;    	
    	padding:0;    	    	
	}

	div#left_column ul li
	{
		display:block;
		list-style-type:none;
		background-color:#DDDCDD;
		border-bottom:solid 0.12em #fff;				
		padding:0.2em 0.12em 0.2em 0.30em; 		
	
	}
	
	div#left_column ul li.selected,
	div#left_column ul li.active
	{
		background-color:#64379B;
        border:4px solid #ddd;	
		padding:0px;
	}
	
	div#left_column ul li.selected a,
	div#left_column ul li.active a
	{
		display: block;
		padding:0.2em 0em 0.2em 0.30em; 	
	}
	
	div#left_column ul li a.selected,
	div#left_column ul li a.active
	{
		font-weight: bold;
		color: #fff;
	}
	
	div#left_column ul li.active ul,
	div#left_column ul li.selected ul
	{		
		border-right: 1px solid #000000;
		border-left: 1px solid #000000;
		border-bottom: 1px solid #000000;	
	}
	
	div#left_column ul li.active ul li,
	div#left_column ul li.active ul li.active,
	div#left_column ul li.selected ul li
	{	
		background-color:#E0D7EB;
                border-bottom:1px solid #E0D7EB;		
		/*border-bottom: 0px;*/
	}
	
	
	div#left_column ul li ul li.active,
	div#left_column ul li ul li.selected
	{
		border-color: #E0D7EB;
	}
	
	div#left_column ul li ul li.selected a.selected,
	div#left_column ul li ul li.active a.active
	{
		color: #000;		
	}
	
	
	div#left_column ul li.active ul li.selected,
	div#left_column ul li.selected ul li.selected
	{
		background: #fff;		
		padding-bottom: 0.1em;
	}	
	
	div#left_column ul li.selected ul li.selected ul,
	div#left_column ul li.selected ul li.active ul,
	div#left_column ul li ul li ul	
	{
		border-top: 1px solid #DDD;
		background-color:white;
		border-left: 0px;
		border-right: 0px;
		border-bottom: 0px;
        
	}
	
	div#left_column ul li ul li ul li,
	div#left_column ul li ul li ul li.active,
	div#left_column ul li ul li ul li.selected
	{
		border: 0px;
	}

	div#left_column ul li ul li ul li a	
	{
		font-weight:normal;
		display:block;
		border: 0px;
	}
	
/*
	div#left_column ul li.selected ul li.selected ul li.selected ul,
	div#left_column ul li.selected ul li.selected ul li.active ul,
	div#left_column ul li ul li ul	
	{
	
		padding-left: 0.4em;
		border: 0;
	}*/

		
	div#left_column ul li.selected ul li.active
	{
	   background-color:white;
	 
	}
	
	div#left_column ul li.selected ul li.active ul
	{
	
	   list-style-type:none;
	}

	div#left_column ul li.selected ul li.active ul li,
	div#left_column ul li.selected ul li.selected ul li 
	{
		background-image:url('/Templates/Images08/list-dot.jpg');
		background-position:0.4em 0.8em !important;
		background-repeat:no-repeat;	
          	padding-left:1em;      
			   /*
		list-style-type:disc;
		list-style-position:inside;
		*/
		
        background-color:white;
	border-bottom:0;	   
	}

        div#left_column ul li.selected ul li.selected ul li.active 
	{
	   padding-top:1pt;
	   padding-bottom:2pt;
	}
	
	div#left_column ul li.selected ul li.active ul li ul li,
	div#left_column ul li.selected ul li.selected ul li ul li
       {
	   background-image:none
	}
	
	div#left_column ul li.selected ul li.selected ul li ul li.active
       {
	   background-color:#ddd; 
           /*  
	   margin-left:-1.1em;
	   padding-left:2.0em;
	   margin-right:0.3em;
           */
           
	   margin-left:-0.8em;
	   margin-right:0.3em;
	   padding-left:1.6em;

	}
	
	/*
	div#left_column ul li.selected ul li.selected ul li
	{
	   background-color:white;
	
	}*/

	
	
	
/*
	div#left_column ul li a:hover
	{
		text-decoration:none;
	}
	
	div#left_column ul li.active a.active
	{
		font-weight:bold;
	}
	
	div#left_column ul li.selected ul li a:hover
	{
		text-decoration:underline;
	}
*/

        /* end of left navigation */


	/* Footer nav menu */
	
	div#footer_nav
	{
		width:78%;
		float:left;
		font-size:0.8em;

	}
	
	div#footer_nav ul
	{
		list-style:none;		
		width:100%;
		height:100%;
		margin:0;
		padding:0;
	}
	
	div#footer_nav ul li#first_foot,
	div#footer_nav ul li#last_foot
	{
		border:0;		
	}
	
	div#footer_nav ul li#first_foot
	{
		margin:0.3em 0 0 0;		
	}
	
	div#footer_nav ul li#first_foot a
	{
		float:left;
	}

	div#footer_nav ul li#first_foot img
	{
		border:0;
	} 
	
	div#footer_nav ul li#first_foot a#small-font-button
	{
		width:1.5em;
		margin:0.5em 0.5em 0 0;
	}

	div#footer_nav ul li#first_foot a#medium-font-button
	{
		width:2em;
		margin:0.3em 0.5em 0 0;
	}

	div#footer_nav ul li#first_foot a#large-font-button
	{
		width:2.3em;	
	}
	
	div#footer_nav ul li#last_foot img
	{
		float:right;
		border:0;
		margin:-0.6em 0 0 0;
	}
	
	div#footer_nav ul li
	{		
		float:left;
		width:12%;
		text-align:center;
		border-right:solid 1px #cfcfcf;				
		margin: 0.6em 0 0 0;
	}
	
	div#footer_nav ul li a
	{			
		display:block;	
		width:100%;
		height:100%;
		text-decoration:none;
		color:#000;				
	}

	div#footer_nav ul li a:hover
	{
		text-decoration:underline;
	}
	
	/* Share with pop-up */	
	ul.footer li#last_foot:hover div#share_popup,
	ul.footer li#last_foot a:hover div#share_popup
	{
		display:block;		
	}

	ul.footer li#last_foot div#share_popup	
	{
		position:absolute;
		width:10em;
		height:9.5em;
		border-right:solid 0.13em #999;
		border-bottom:solid 0.19em #999;		
		top:-1.5em;
		left:70%;	
		display:none;
		background-color:#fff;		
	}
	
	ul.footer li#last_foot div.no_olympicbanner#share_popup
	{
		top:-9em !important;
		top:-8.6em;
	}
	
	ul.footer li#last_foot div#share_popup ul#share
	{		
		position:relative;
		width:10em;
		height:9.57em;	
		top:0;			
		border:solid 0.06em #cfcfcf;		
		margin: -0.19em 0 0 -0.13em;
		display:block;
		background-color:#fff;
	}
	
	ul.footer li#last_foot div#share_popup ul#share li
	{
		border:0;		
		padding:0;		
		margin:0;
		width:5.5em;
		display:block;
		text-align:left;
		padding: 0.6em 0 0.13em 2.5em;
		background-color:#fff;
		font-weight:bold;
	}
	
	ul.footer li#last_foot div#share_popup ul#share li:hover,
	ul.footer li#last_foot div#share_popup ul#share li a:hover
	{
		display:block;
	}
	
	ul.footer li#last_foot div#share_popup ul#share li#share_digg a
	{
	
		margin-bottom:3.8em;	
		background-color:transparent; 
	}
	
	ul.footer li#last_foot div#share_popup ul#share li#share_digg
	{		
		background-color:transparent;		
		background-image:url('/Templates/Images08/sharewith_bottom_border.png');
		background-position:0 2.8em;
		background-repeat:repeat-x;
	}
	
	ul.footer li#last_foot div#share_popup ul#share li#share_email
	{
		width:7.5em;		
		padding:0.26em 0 0 0.5em;			
	}
	
	
	ul.footer li#last_foot div#share_popup ul#share li#share_facebook
	{
		background-image:url('/Templates/Images08/facebook.png');
		background-position:1em 0.7em;
		background-repeat:no-repeat;
	}
	
	ul.footer li#last_foot div#share_popup ul#share li#share_delicious
	{	
		background-image:url('/Templates/Images08/delicious.png');
		background-position:1em 0.7em;
		background-repeat:no-repeat;
	}
	
	ul.footer li#last_foot div#share_popup ul#share li#share_digg
	{
		background-image:url('/Templates/Images08/digg.gif');
		background-position:1em 0.7em;
		background-repeat:no-repeat;
	}
	
	
	/* Genereral navigation */
	
	/* Content area links */
	div#centre_column a
	{
		text-decoration:none;
		color:#64379B;
	}
	
	div#centre_column a:hover
	{
		text-decoration:underline;
		color:#000;
	}	
	
	/* Olympic promo spot */
	div#olympic_promo_spot a.black_href
	{
		color:#000;
		font-weight:bold;
		text-decoration:none;
		font-size:0.9em;
	}
	
	div#olympic_promo_spot a.black_href:hover
	{
		text-decoration:underline;
	}	
	
	/* Industry analysts news letters */
	div#NewsletterListing div#Newsletternav ul
	div#NewsletterListing div#NewsletterArchivenav ul,
	{
		list-style:none;		
	}
	div#NewsletterListing div#Newsletternav ul li ul,
	div#NewsletterListing div#NewsletterArchivenav ul li ul
	{
		list-style:disc;
	}
	div#NewsletterListing div#Newsletternav ul li,
	div#NewsletterListing div#NewsletterArchivenav ul li	
	{		
		padding:0.3em 0 0.3em 0;
	}
	div#NewsletterListing div#Newsletternav ul li a,
	div#NewsletterListing div#NewsletterArchivenav ul li a	
	{
		color:#64379B;
		font-size:1.3em;
	}
	
	div#NewsletterListing div#Newsletternav ul li ul li a,
	div#NewsletterListing div#NewsletterArchivenav ul li ul li a
	{
		color:#000;
		font-size:1em;
	}